<template>
	<view class="page">
		<view class="head">
			<view class="head1">
				<text class="iconfont icon-fenxiang1"  @click="goBack"></text>
				<text class="nav-title">行业分类</text>
				
			</view>
		</view>
		<mescroll-body ref="mescrollRef"
		               @down="downCallback"
		               @up="upCallback"
		               :down="downOption"
		               :up="upOption"
		               :top="0">
			<view class="main" v-show="classifyShow===0">
				
		<!-- 菜单导航 -->
		<view class="menu-nav">
		  <view class="nav" ref="nav" :style="navList.length <= 5 ? 'flex-direction: row' : ''">
		    <view 
		      class="list" 
		      v-for="(item, index) in navList" 
		      :key="item.id"
		      @click="onTab(item)"
		      :class="{'active': selectedItem && selectedItem.id === item.id}">
		      <text>{{ item.name }}</text>
		    </view>
		  </view>
		</view>
		
		<!-- 商家 -->
		<view class="business" v-for="(item, index) in filteredStores" :key="index" @click="store(item)">
		  <view class="businessLeft">
		    <image :src="item.img" mode=""></image>
		  </view>
		  <view class="businessRight">
		    <view class="top">
		      <view class="title1">{{ item.name }}</view>
		      <view class="title2">354m</view>
		    </view>
		    <view class="center">
		      <view class="jifen">积分抵扣</view>
		      <text class="discount">10%</text>
		    </view>
		    <view class="bottom">
		      <view class="iconfont1">
		        <text class="iconfont icon-time2"></text>
		        <view class="dingwei">营业时间:08:00-21:00</view>
		      </view>
		      <view class="collect" 
		        :style="{ background: item.iscollect ? '#ffdf11' : '#fff', color: item.iscollect ? '#fff' : '#646464' }"
		        @click.stop="collect(item)">
		        <view class="iconfont">
		          <text class="iconfont icon-shoucang"></text>
		          <view class="dingwei" v-if="item.iscollect">已收藏</view>
		          <view class="dingwei" v-else>加入收藏</view>
		        </view>
		      </view>
		    </view>
		  </view>
		</view>

		</view>
		</mescroll-body>
	</view>
</template>

<script>

export default {
 
	data(){
		return{
			mescroll: null, // mescroll实例对象 (此行可删,mixins已默认)
			// 下拉刷新的配置(可选, 绝大部分情况无需配置)
			downOption: {},
			// 上拉加载的配置(可选, 绝大部分情况无需配置)
			upOption: {
			  use: false
			},
			
    navList: [
    	{
    		id: 1,
    		name: '美食',
    		
    	},{
    		id: 2,
    		name: '电子产品',
    	
    	},{
    		id: 3,
    		name: '民俗酒店',
    		
    	},{
    		id: 4,
    		name: '超市便利',
    	
    	},
		{
			id: 5,
			name: '运动建身',
		
		},
		{
			id: 6,
			name: '其他服务',
		
		},
    ],
	storeList: [
		{
				img:'',
				name:'李与白包子铺',
				time:'10:00-21：00',
				phone:'(0476)8282000',
				price:0,
				location:'红山区-长青街道店',
				distance:'59m',
				iscollect: false, 
				category: '美食',
				singleList:[
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.UtTxbvSrp44sgVcJoTdFzwHaEk?w=282&h=180&c=7&r=0&o=5&pid=1.7',
						title:'牛肉面'
					},
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.JpeCGVYHhqmO7GOv_aH8cwAAAA?w=174&h=180&c=7&r=0&o=5&pid=1.7',
						title:'香菇包'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.m40Qc0ztjQ3kEYfhLlJJYQHaFj?w=226&h=180&c=7&r=0&o=5&pid=1.7',
						title:'鸡蛋面'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.qOMos2ymE2YqAITGTYrOzAHaFj?w=217&h=180&c=7&r=0&o=5&pid=1.7',
						title:'成都酱肉包'
					},
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.oEvfiEZ7Cvd4FqkykPAAHAHaHl?w=163&h=184&c=7&r=0&o=5&pid=1.7',
						title:'砂锅面'
					},
					
				],
			
		},
		
		{
				img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.Ys5CMXUkC_KshGFvOkNk_AHaE6?w=277&h=183&c=7&r=0&o=5&pid=1.7',
				name:'三米粥铺',
				time:'10:00-23：00',
				phone:'16958963322',
				price:0,
				location:'红山区-玉龙大街与天义路交叉口',
				distance:'16km',
				iscollect: false,
				category: '美食',
				singleList:[
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.G_GwnWJ84WDRDX-i7DvcKQHaHa?w=191&h=184&c=7&r=0&o=5&pid=1.7',
						title:'皮蛋瘦肉粥'
					},
					{
						img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.0qu6ybCsbxA7UoTAOwbbWgHaE8?w=291&h=194&c=7&r=0&o=5&pid=1.7',
						title:'敖汉黄米粥'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.ME3qPoyOIRd-0pYVEEHz7AHaFj?w=261&h=196&c=7&r=0&o=5&pid=1.7',
						title:'香酥油条'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.FD2QbO6mAFk_3g7237VmTwHaHa?w=202&h=202&c=7&r=0&o=5&pid=1.7',
						title:'香甜豆浆'
					},
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.4gJ8wU_rpLeOOxrSK9vSpwHaHa?w=185&h=184&c=7&r=0&o=5&pid=1.7',
						title:'鲜肉小馄饨'
					},
					
				]
			
		},
		{
			img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.Ed07h6jKxP9UL--yrkjCCAHaFK?w=199&h=138&c=7&r=0&o=5&pid=1.7',
			name:'沪上阿姨鲜果茶',
			time:'10:00-21：00',
			phone:'17025698989',
			price:0,
			location:'红山区步行街',
			distance:'7.6m',
			iscollect: false,
			category: '美食',
			singleList:[
				{
					img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.bd3hq7grql2LM_wfixqwegHaJ4?w=199&h=265&c=7&r=0&o=5&pid=1.7',
					title:'黯夜玫瑰'
				},
				{
					img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.AOjtLCTFqaS-fLmnkVN4CwHaJ4?w=199&h=265&c=7&r=0&o=5&pid=1.7',
					title:'杨枝甘露'
				},
				{
					img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.JRLI8Cj0gcohxAvEyapobgHaJ4?w=156&h=180&c=7&r=0&o=5&pid=1.7',
					title:'茉莉奶绿'
				},
				{
					img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.a4gpPv-kHM-gDcbaFNwdfwHaKd?w=156&h=180&c=7&r=0&o=5&pid=1.7',
					title:'薄荷奶绿'
				},
				{
					img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.MWVITev9sk0QX3J_NEGLFQHaKn?w=153&h=180&c=7&r=0&o=5&pid=1.7',
					title:'多肉樱桃'
				},
				
			]
		},
		{
			img:'https://poi-pic.cdn.bcebos.com/hotel/images/toutu/1/pics_d740813cc5ae6864e77923b7f273775f.jpg?x-bce-process=image/resize,m_lfit,w_2160,h_1080/quality,q_70',
			name:'金帝酒店',
			time:'10:00-21：00',
			phone:'17025698989',
			price:202,
			location:'玉龙大街金帝大厦C座',
			distance:'5.9km',
			iscollect: false,
			category: '民俗酒店',
			singleList:[
				{
					img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.MDEd_E60jQYQ0zXEa2vnQQHaEK?w=271&h=180&c=7&r=0&o=5&pid=1.7',
					title:'客房'
				},
				{
					img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.S4SF92m1niu_hZyg6yNnmAHaEC?w=271&h=180&c=7&r=0&o=5&pid=1.7',
					title:'大床房'
				},
				{
					img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.-zGwmUMCBw5ETiLLM1Y97gHaEk?w=275&h=180&c=7&r=0&o=5&pid=1.7',
					title:'大床房'
				},
				{
					img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.jLLYQ0UGA-1GXRaONtyGJQHaE8?w=248&h=180&c=7&r=0&o=5&pid=1.7',
					title:'卧房'
				},
				{
					img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.JT0oTIhvI39EKOpbcD39HQHaEK?w=315&h=180&c=7&r=0&o=5&pid=1.7',
					title:'标间'
				},
				
			]
		},
		{
			img:'https://qcloud.dpfile.com/pc/y7ftpdamyc_as4T7T2rDOhb_yIvqXjmFTEZUO6wG1ZmGKaGJ_Q8DOLY49LEQpUX3tinsm4wZBU2JBzCyrLLxBw.webp',
			name:'富贵鸟男装',
			time:'10:00-21：00',
			phone:'16958963322',
			price:0,
			location:'松山区-玉龙大街与天义路交叉口',
			distance:'1.6km',
			iscollect: true,
			category: '其他服务',
			singleList:[
				{
					img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.mtHLTg3el72M-rwqMjHOjwHaE8?w=296&h=197&c=7&r=0&o=5&pid=1.7',
					title:'富贵鸟衬衫'
				},
				{
					img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.on0FL6XUqKVnVZmeuasbzwHaFM?w=281&h=197&c=7&r=0&o=5&pid=1.7',
					title:'富贵鸟T恤'
				},
				{
					img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.vA8RzXQJi8KXTwYjNYUSMQHaE8?w=296&h=197&c=7&r=0&o=5&pid=1.7',
					title:'富贵鸟西装'
				},
				{
					img:'',
					title:'富贵鸟风衣'
				},
				{
					img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.W9WCxAJ3vRJK7yjfB5oJigHaHa?w=189&h=189&c=7&r=0&o=5&pid=1.7',
					title:'富贵鸟休闲'
				},
				
			]
		},
		{
			img:'https://img1.qunarzz.com/travel/poi/1409/10/a06dfdfc7dbc8814ffffffffc8d65eac.jpg',
			name:'众联广场',
			time:'10:00-21：00',
			phone:'(0476)8282000',
			price:0,
			location:'松山区-玉龙大街与天义路交叉口',
			distance:'1.6km',
			iscollect: true,
			category: '运动建身',
			singleList:[
				{
					img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Fqcloud.dpfile.com%2Fpc%2FMLcUItjXwjSY9e1ThBq1wj6eplLo4vfzG-mFhLTh0EI32iHpQfqTt42Nj-6Xj6n-dFjgoLVd054K0OQFUj8KpVEuLYk00OmSS1IdNpm8K8sG4JN9RIm2mTKcbLtc2o2vfCF2ubeXzk49OsGrXt_KYDCngOyCwZK-s3fqawWswzk.jpg',
					title:'一牧草原(众联广场店)'
				},
				{
					img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Fpoi-pic.cdn.bcebos.com%2Fswd%2Fc95dacc4-128e-32c4-a029-29c2c3d93832.jpg',
					title:'幸运咖(众联广场店)'
				},
				{
					img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Fpoi-pic.cdn.bcebos.com%2Fswd%2F0bcae6dd-7f7f-3ca6-a4c9-662f433d3f2f.jpg',
					title:'德克士(众联广场店)'
				},
				{
					img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Fpoi-pic.cdn.bcebos.com%2Fswd%2F28a1b2ce-de00-3b51-afb7-d02a1beaca28.jpg',
					title:'星巴克(众联广场店)'
				},
				{
					img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Fpoi-pic.cdn.bcebos.com%2Fswd%2F7e70dd9c-064d-338c-9c40-bc6eeb1a46e6.jpg',
					title:'阿迪达斯(玉龙大街众联广场店)'
				},
				
			]
		},
		{
				img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Ftaojin-his.cdn.bcebos.com%2Fd6ca7bcb0a46f21faec6438cfa246b600d33ae7a.jpg',
				name:'海龙通讯',
				time:'10:00-20：00',
				phone:'13298024656',
				price:0,
				location:'喀喇沁旗',
				distance:'16km',
				iscollect: false,
				category: '电子产品',
				singleList:[
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.I4m81bAYEL1eQPg-RvECGwHaDs?w=329&h=174&c=7&r=0&o=5&pid=1.7',
						title:'华为mete60'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.Uzxv6-MhpFpRe6Z-DZzgnwHaHa?w=185&h=184&c=7&r=0&o=5&pid=1.7',
						title:'ipone14'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.BaYX4HUUcArMf0_Dwv2jygHaHa?w=174&h=180&c=7&r=0&o=5&pid=1.7',
						title:'华为'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.GMv-sNcwUF2qnGFgG3ajLQHaIa?w=159&h=182&c=7&r=0&o=5&pid=1.7',
						title:'华为meta50'
					},
					{
						img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.e5Kbqfoa1v7XEVQx_UxdjgHaFj?w=232&h=180&c=7&r=0&o=5&pid=1.7',
						title:'小米2s'
					},
					
				]
			
		},
		{
				img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Fpoi-pic.cdn.bcebos.com%2Fswd%2Fbec7abb6-445f-3fa4-88b2-7396d7c51134.jpg',
				name:'维多利超市',
				time:'10:00-21：30',
				phone:'13298024656',
				price:0,
				location:'松山区友谊大街与英金路交叉口东南角',
				distance:'16km',
				iscollect: false,
				category: '超市便利',
				singleList:[
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.Nk-cpASgWzZYup-UwzTsywHaE8?w=235&h=180&c=7&r=0&o=5&pid=1.7',
						title:'西瓜'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.vUnhLSBZs4j8hPLW2nwBcwHaHa?w=173&h=180&c=7&r=0&o=5&pid=1.7',
						title:'芬达'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.i8oieJEYq4FseuweyGDEAwHaHa?w=156&h=180&c=7&r=0&o=5&pid=1.7',
						title:'星球杯'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.c9VcWU1Iu6_EUcwAv5KW7wHaHa?w=156&h=180&c=7&r=0&o=5&pid=1.7',
						title:'薯片'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.wvj2F4Y--Iqt2qCckHGn7wHaE8?w=273&h=182&c=7&r=0&o=5&pid=1.7',
						title:'西兰花'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.a82tkbQ8iIEGi5OUVpuThgHaHa?w=182&h=182&c=7&r=0&o=5&pid=1.7',
						title:'烤鱼片'
					},
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.DvkTbacvq__t5F21P58s0gHaE7?w=298&h=200&c=7&r=0&o=5&pid=1.7',
						title:'年货水果'
					},
				]
			
		},
		{
				img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.ZVWynYyT8PFVXUecl7oMbQHaE8?w=241&h=180&c=7&r=0&o=5&pid=1.7',
				name:'盈盈超市',
				time:'10:00-21：30',
				phone:'13298024656',
				price:0,
				location:'松山区',
				distance:'16km',
				iscollect: false,
				category: '超市便利',
				singleList:[
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.wvj2F4Y--Iqt2qCckHGn7wHaE8?w=273&h=182&c=7&r=0&o=5&pid=1.7',
						title:'西兰花'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.a82tkbQ8iIEGi5OUVpuThgHaHa?w=182&h=182&c=7&r=0&o=5&pid=1.7',
						title:'烤鱼片'
					},
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.DvkTbacvq__t5F21P58s0gHaE7?w=298&h=200&c=7&r=0&o=5&pid=1.7',
						title:'年货水果'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.Nk-cpASgWzZYup-UwzTsywHaE8?w=235&h=180&c=7&r=0&o=5&pid=1.7',
						title:'西瓜'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.vUnhLSBZs4j8hPLW2nwBcwHaHa?w=173&h=180&c=7&r=0&o=5&pid=1.7',
						title:'芬达'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.i8oieJEYq4FseuweyGDEAwHaHa?w=156&h=180&c=7&r=0&o=5&pid=1.7',
						title:'星球杯'
					},
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.c9VcWU1Iu6_EUcwAv5KW7wHaHa?w=156&h=180&c=7&r=0&o=5&pid=1.7',
						title:'薯片'
					},
					
				]
			
		},
		{
				img:'https://webmap0.bdimg.com/client/services/thumbnails?width=132&height=104&align=center,center&quality=100&src=https%3A%2F%2Fpoi-pic-gz.cdn.bcebos.com%2Fpic_0fe6cd2a4944b1f6b97fe86b7f845a17.jpg',
				name:'敖汉玉琼酒业',
				time:'10:00-21：30',
				phone:'13298024656',
				price:0,
				location:'敖汉旗',
				distance:'200km',
				iscollect: false,
				category: '其他服务',
				singleList:[
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.B6N7dKTYayfSib-qvWZh8AHaHa?w=135&h=180&c=7&r=0&o=5&pid=1.7',
						title:'茅琼'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.gLdT0qKl7fM1Dmo9LL0eJQAAAA?w=258&h=195&c=7&r=0&o=5&pid=1.7',
						title:'珍贡'
					},
					{
						img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.agR0-lMu82T2Nj9_O1sQewHaEu?w=264&h=180&c=7&r=0&o=5&pid=1.7',
							title:'茅琼'
					},
					
					{
						img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.6i4vbeHAz5NUcNysRjrcdgHaHD?w=191&h=182&c=7&r=0&o=5&pid=1.7',
						title:'茅琼'
					},
					{
						img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.B6N7dKTYayfSib-qvWZh8AHaHa?w=135&h=180&c=7&r=0&o=5&pid=1.7',
						title:'茅琼'
					},
					
				]
			
		},
		// {
		// 		img:'https://www.u88.com/storage/uploads/2020/07/28/4fcee578d0ad11eabf7b02420abc0004.png',
		// 		name:'敖汉玉琼酒业',
		// 		time:'10:00-21：30',
		// 		phone:'13298024656',
		// 		price:0,
		// 		location:'敖汉旗',
		// 		distance:'200km',
		// 		iscollect: false,
		// 		category: '其他服务',
		// 		singleList:[
		// 			{
		// 				img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.B6N7dKTYayfSib-qvWZh8AHaHa?w=135&h=180&c=7&r=0&o=5&pid=1.7',
		// 				title:'茅琼'
		// 			},
		// 			{
		// 				img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.gLdT0qKl7fM1Dmo9LL0eJQAAAA?w=258&h=195&c=7&r=0&o=5&pid=1.7',
		// 				title:'珍贡'
		// 			},
		// 			{
		// 				img:'https://tse1-mm.cn.bing.net/th/id/OIP-C.agR0-lMu82T2Nj9_O1sQewHaEu?w=264&h=180&c=7&r=0&o=5&pid=1.7',
		// 					title:'茅琼'
		// 			},
					
		// 			{
		// 				img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.6i4vbeHAz5NUcNysRjrcdgHaHD?w=191&h=182&c=7&r=0&o=5&pid=1.7',
		// 				title:'茅琼'
		// 			},
		// 			{
		// 				img:'https://tse2-mm.cn.bing.net/th/id/OIP-C.B6N7dKTYayfSib-qvWZh8AHaHa?w=135&h=180&c=7&r=0&o=5&pid=1.7',
		// 				title:'茅琼'
		// 			},
					
		// 		]
			
		// },
		
		
		
		
		
		
		
		
		
		
		
		],
	    filteredStores: [], // 根据选中的分类筛选商家
	  selectedItem: null, 
   classifyShow: 0,
    // 页面高度
    pageHeight: 500,
		
		}
	},
	mounted() {
	  // 默认选择美食类别
	  const defaultCategory = this.navList.find(item => item.name === '美食');
	  if (defaultCategory) {
	    this.onTab(defaultCategory); // 选择美食并过滤商家
	  }
	},

	methods:{
		/*下拉刷新的回调, 有三种处理方式:*/
		downCallback(){
			// setTimeout(() =>{
			//  this.mescroll.endSuccess();
			// },2000)
		  
		},
		/*上拉加载的回调*/
		upCallback(page) {
		  setTimeout(() =>{
		    this.mescroll.endByPage(10, 20);
		  },2000)
		},
		//收藏
		 collect(item) {
		        item.iscollect = !item.iscollect;
		    },
		goBack() {
		  uni.navigateBack({
		    delta: 1
		  })
		},
   store(item){
	 uni.setStorageSync('itemDetail', item);
	 uni.navigateTo({
	   url: `/moduleA/recommendation/store/index`
	 });
   },
   onTab(item){
   	 this.selectedItem = item;
	  this.filterStoresByCategory(item.name); 
   },
	
	// 根据分类筛选商家
	  filterStoresByCategory(categoryName) {
	    // 如果没有选中任何分类，显示所有商家
	    if (!categoryName || categoryName === '所有') {
	      this.filteredStores = this.storeList;
	    } else {
	      // 筛选出符合选中分类的商家
	      this.filteredStores = this.storeList.filter(store => store.category === categoryName);
	    }
	  },
	},
};
</script>

<style scoped lang="scss">
@import 'class.scss';

</style>
